Try Supabase:
In this video I will show you how to create an advanced realtime chat application that supports public/private rooms, a full permission system, user invites, infinite scrolling, and much more. We will be using Next.js, Tailwind, Shadcn, React, Drizzle, and Supabase for this project
📚 Materials/References:
GitHub Code:
WDS Shadcn Registry:
🌎 Find Me Here:
My Blog:
My Courses:
Patreon:
Twitter:
Discord:
GitHub:
CodePen:
⏱️ Timestamps:
00:00:00 - Introduction/Demo
00:00:53 - Supabase Setup
00:05:06 - Auth Setup
00:09:57 - Database Setup
00:15:04 - Chat Room List Empty State
00:17:26 - Navbar
00:26:20 - New Chat Room Page
00:45:58 - Supabase MCP Server Setup
00:53:04 - Chat Room List Page
01:08:54 - Chat Page
01:35:18 - Realtime Functionality
01:56:40 - Invite User Modal
02:01:23 - Infinite Scroll
#Supabase #WDS #NextJS
|
In this episode, we sit down with Lawren...
🔥PMP® Certification Training - The Pr...
Made with Restream. Livestream on 30+ pl...
Are you ready to build a career in tech?...
🔥 Full Stack Developer - MERN Stack: ...
🔥 Full Stack Developer - MERN Stack: ...
🔥IITK - Professional Certificate Program...
Full episode: Join us for a captivatin...
From One to Millions: Effortless Multi-T...
For more details on this topic, visit th...
Try Supabase: In this video I will sho...
Amazon Web Services (AWS) delivers the m...
DevLaunch is my mentorship program where...
View the full course here: Want to ke...
In this video, we'll be learning how to ...
📘 Get EFB Book & Course FREE 👉 ...